<template>
  <router-view></router-view>
</template>

<script setup>
import { useRoute } from "vue-router";
import { watch } from "vue";
import store from "./store";
const route = useRoute();

watch(
  route,
  (to, from) => {
    console.log(to.name, to.path);
    if (to.name == "个人中心") {
      let obj = {
        name: to.name,
        path: to.path,
      };
      store.commit("ADD_TABS", obj);
    }
  },
  { deep: true, immediate: true }
);
</script>

<style>
html,
body,
#app {
  height: 100%;
}
.app-container {
  padding: 20px;
}
</style>
